body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, button, input, select, textarea, th, td, span,b { margin: 0; padding: 0; }
body, button, input, select, textarea { font:12px/1.5 Arial,'微软雅黑',sans-serif; }
h1, h2, h3, h4, h5, h6,b,th { font-size: 100%;font-weight:normal; }
small { font-size: 12px; }
ul, ol, li { list-style: none; }
table {border-collapse:collapse; border-spacing:0;border:0px;margin:0px;}
table th,table td{padding:0;}
caption{text-align:left; font-weight:normal;}
body a{
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
}
a { text-decoration: none; cursor: pointer;color:#ffffff; }
a:focus, a:hover{ text-decoration: none;color:#6CB670; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; outline: none; }
img { vertical-align: top; display: inline-block; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { display: block; margin: 0; padding: 0; }
object, embed { outline: 0; }
*{padding:0;margin:0;}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.clear{
clear:both;
}
.fl{
float:left;
}
.fr{
float:right;
}
.w{
width:1200px;
margin:0px auto;
}
.w1{
width:1000px;
margin:0px auto;
}
.w2{
width:1300px;
margin:0px auto;
}
.w3{
width:800px;
margin:0px auto;
}
.w4{
width:900px;
margin:0px auto;
}
.w5{
width:1400px;
margin:0px auto;
}
.w6{
width:1171px;
margin:0px auto;
}
.top{
background:#2B2C30;
height:30px;
line-height:30px;
width:100%;
}
.left{
float:left;
}
.right{
float:right;
}
.top_left{
width:800px;
float:left;
color:#fff;
}
.top_right{
width:200px;
float:right;
color:#fff;
text-align:right;
}
.wrap{
background:#2B2C30;
border-bottom:1px solid #666;
border-top:1px solid #080808;
height:60px;
width:100%;
z-index:9999;
}
.logo{
float:left;
}
.menu{
float:left;
padding-left:180px;
}
.menu ul{
float:left;
}
.menu ul li{
float:left;
position:relative;
display:block;
padding-top:16px;
*padding-top:0px;
}
.menu ul li a{
color:#fff;
font-size:14px;
line-height:26px;
*line-height:60px;
padding:20px 15px;
}
.menu ul li a:hover{
color:#6cb670;
background-color:#2f3238;
}
.menu ul li a.act{
color:#6cb670;
background-color:#2f3238;
}
.banner{
background:#333439;
height:600px;
width:100%;
}
.ban{
padding:50px 0px;
width:90%;
margin:0px auto;
}
.ban1{
width:100%;
height:490px;
overflow:hidden;
border:5px solid #666;
}
.about{
background:#2B2C30;
padding:50px 0px;
}
.about_t{
width:520px;
}
.about_n{
width:440px;
padding:40px 10px;
color:#fff;
}
.about_tit{
font-size:24px;
padding-bottom:15px;
font-weight:900;
}
.about_nr{
color:#DDDDDD;
line-height:20px;
font-size:12px;
}
.about_more{
margin-top:40px;
}
.about_more a{
border:1px solid #4e595f;
padding:12px 40px;
color:#fff;
font-size:14px;
}
.about_more a:hover{
background:#6cb670;
border:1px solid #6cb670;
}
.transparent{
background:url(../images/tabg.jpg) no-repeat;
padding:70px 0px;
background-position:50% 0px !important;
}
.parallax{
background-attachment: fixed !important;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.purpose{
border:1px solid #4e595f;
width:220px;
height:160px;
*height:140px;
float:left;
margin:0px 15px;
*margin:0px 14px;
text-align:center;
color:#eeeeee;
padding:10px 0px;
transition:1s all;
-webkit-transition:1s all;
-moz-transition:1s all;
-o-transition:1s all;
-ms-transition:1s all;
}
.purpose:hover{
transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transition:rotate(360deg);
}
.purpose span{
font-size:30px;
font-weight:700;
}
.purpose img{
padding:10px;
}
.purpose p{
font-size:14px;
}
.news{
background:#333439;
padding:60px;
}
.tit{
font-size:30px;
margin:20px auto;
text-align:center;
}
.tit h2{
color:#fff;
}
.tit span{
color:#6CB670;
padding-left:10px;
}
.titxia{
background:url(../images/titxia.png) no-repeat center;
height:30px;
width:400px;
margin:0px auto;
}
.news_nr{
margin:60px auto;
}
.news_nrs{
width:360px;
height:340px;
float:left;
margin:0px 15px;
}
.news_nr a.news_text{
float:left;
width:360px;
height:320px;
background:url(../images/newbg.png) no-repeat;
margin:20px 0px;
}
.news_nr a.news_text:hover{
height:330px;
margin-bottom:10px;
background:url(../images/newbg1.png) no-repeat;
}
.news_text1{
width:349px;
*width:309px;
height:308px;
background:#333439;
border-top:1px solid #4e595f;
border-left:1px solid #4e595f;
text-align:center;
color:#C1C1C3;
padding:0px 20px;
padding:0px 20px;
}
.news_text1 h2{
height: 120px;
margin: 20px auto;
}
.news_text1 h2 img{
height: 120px;
max-width: 300px;
}
.news_text1 h3{
font-size:20px;
font-weight:700;
margin:5px auto;
text-align:left;
}
.products{
background:#2B2C30;
padding:60px;
}
.products_nr{
padding-top:0px;
text-align:center;
}
.item{
width:245px;
height:220px;
display:inline-block;
margin:3px 3px;
*float:left;
}
.ovrly03 {
width: 100%;
overflow: hidden;
position: relative;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.ovrly03 img {
position: relative;
width: 100%;
top: 0;
left: 0;
}
.ovrly03 .ovrlyT {
background: url(../images/ovrly03.png);
height: 100%;
left: -100%;
position: absolute;
top: -100%;
width: 100%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.ovrly03 .ovrlyB {
background: rgba(0, 0, 0, 0.25);
height: 100%;
left: 100%;
position: absolute;
top: 100%;
width: 100%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.ovrly03 .buttons {
position: absolute;
top: 50%;
left: 50%;
*top: 30%;
*left: 30%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ovrly03 .buttons .fa {
color:#fff;
*display: none;
display: none\9;
margin: 0 1px;
line-height: 40px;
font-size: 18px;
font-weight:700;
text-align: center;
text-decoration: none;
width: 100px;
-webkit-transition: all 0.2s 0.3s;
-moz-transition: all 0.2s 0.3s;
-o-transition: all 0.2s 0.3s;
transition: all 0.2s 0.3s;
opacity: 0;
}
.ovrly03:hover .ovrlyT {
left: 0;
top: 0;
}
.ovrly03:hover .ovrlyB {
left: 0;
top: 0;
}
.ovrly03:hover .buttons .fa {
opacity: 1;
*display:block;
display:block\9;
}
.transparent1{
background:url(../images/tabg1.jpg) no-repeat;
padding:70px 0px;
background-position:50% 0px !important;
}
.value{
width:220px;
float:left;
margin:25px 15px;
*margin:0px 14px;
text-align:center;
color:#eeeeee;
padding:30px 0px;
transition:1s all;
-webkit-transition:1s all;
-moz-transition:1s all;
-o-transition:1s all;
-ms-transition:1s all;
}
.value:hover{
padding:10px 0px
}
.value img{
margin-bottom:20px;
}
.value span{
display:inline-block;
font-size:20px;
font-weight:bold;
text-align:center;
width:220px;
padding-bottom:10px;
border-bottom:1px solid #eeeeee;
}
.value p{
margin-top:20px;
font-size:12px;
text-align:center;
}
.contact{
background:#2B2C30;
padding:30px 0px;
}
.contact_l{
float:left;
}
.contact h2{
color:#eeeeee;
font-size:24px;
font-weight:700;
margin:20px 0px;
}
.contact p{
font-size:14px;
color:#eeeeee;
}
.con1{
background:url(../images/con1.png) no-repeat left;
height:30px;
padding-left:30px;
line-height:35px;
}
.con2{
background:url(../images/con2.png) no-repeat left;
height:30px;
padding-left:30px;
line-height:35px;
}
.con3{
background:url(../images/con3.png) no-repeat left;
height:30px;
padding-left:30px;
line-height:35px;
}
.con4{
background:url(../images/con4.png) no-repeat left;
height:30px;
padding-left:30px;
line-height:35px;
}
.con5{
background:url(../images/con5.png) no-repeat left;
height:30px;
padding-left:30px;
line-height:35px;
}
.con6{
background:url(../images/con6.png) no-repeat left;
height:30px;
padding-left:30px;
line-height:35px;
}
.con7{
background:url(../images/con7.png) no-repeat left;
height:30px;
padding-left:30px;
line-height:35px;
}
.con8{
background:url(../images/con8.png) no-repeat left;
height:30px;
padding-left:30px;
line-height:35px;
}
.con9{
background:url(../images/con9.png) no-repeat left;
height:30px;
padding-left:30px;
line-height:35px;
}
.more{
margin:30px;
}
.more a{
border:1px solid #4e595f;
padding:12px 40px;
color:#fff;
font-size:14px;
}
.more a:hover{
background:#6cb670;
border:1px solid #6cb670;
}
.contact_r{
float:right;
padding-top:30px;
width:380px;
}
.contact_r .xing{
width: 380px;
float: left;
height: 35px;
line-height: 35px;
margin-bottom:20px;
}
.contact_r .neirong{
width: 380px;
float: left;
/* height: 95px; */
/* line-height: 95px; */
margin-bottom: 20px;
}
.contact_r .neirong span{
display: inline-block;
color: #fff;
font-size: 17px;
height: 92px;
line-height: 92px;
float: left;
}
.contact_r .neirong .atextarea{
background: none;
margin-left: 25px;
width: 300px;
}
.contact_r .submita{
display:inline-block;
width: 380px;
height: 35px;
line-height: 35px;
background: none;
border: 1px solid #ccc;
color: #fff;
font-size: 17px;
cursor: pointer;
}
.contact_r .xing span{
display: inline-block;
color: #fff;
font-size: 17px;
}
.contact_r .xing .text{
height: 30px;
width: 300px;
background: none;
border: 1px solid #ccc;
margin-left: 25px;
}
.shangmeng{
background:#2B2C30;
color:#fff;
line-height:20px;
border-top:1px solid #666;
border-bottom:1px solid #666;
padding: 10px 0px;
}
.shangm_tit{
float:left;
font-size:18px;
}
.shangm{
float:left;
width:800px;
}
.shangmeng a{
padding:0px 3px;
}
.footer{
background:#333439;
text-align:center;
color:#eeeeee;
padding:20px 0px 30px 0px;
}
.footdiv{ width:450px; float:left; line-height:25px;}
.footer a{
color:#ffffff;
}
.footer_top{
padding:0px 0px 20px 0px;
border-bottom:1px solid #DDDDDD;
margin-bottom:20px;
}
.footer_top a{
padding:0px 32px;
}
.cnzz{display:inline-block;}
.cnzz img{vertical-align:middle !important;}
.footer_l{
float:right;
width:150px;
padding-top: 20px;
}
.footer_r{
float:left;
width:450px;
text-align:left;
padding:10px;
line-height:30px;
}
.cont{
background:#2B2C30;
padding:30px;
height:auto;overflow:auto;
}
.cont_l{
float:left;
width:300px;
}
.cont_ll{
border:1px solid #4e595f;
margin-bottom:30px;
padding-bottom:20px;
}
.cont_ll_tit{
padding:20px;
color:#fff;
font-size:20px;
}
.cont_ll_tit h2{
color:#EEEEEE;
font-size:20px;
font-weight:bold;
}
.cont_ll_tit h3{
color:#44AA4A;
font-size:16px;
font-weight:bold;
}
.cont_ll_nr{
padding:0px 20px;
}
.cont_ll_nr a{
width:240px;
*width:220px;
float:left;
height:30px;
line-height:30px;
padding:0px 10px;
border:1px solid #4e595f;
margin-bottom:10px;
color:#fff;
font-size:12px;
}
.cont_ll_nr a:hover{
width:260px;
*width:240px;
color:#6cb670;
border:1px solid #6cb670;
}
.cont_ll_nr a span{
float:right;
}
.cont_r{
float:right;
width:800px;
}
.cont_r_tit{
text-align:right;
border:1px solid #4e595f;
color:#fff;
height:40px;
line-height:40px;
padding-right:30px;
margin-bottom:30px;
}
.cont_r_tit h2{
float:left;
padding-left:30px;
font-size:20px;
color:#fff;
font-weight:bold;
}
.cont_r_nr{
border:1px solid #4e595f;
padding:20px;
color:#fff;
}
.cont_news{
width:800px;
padding:0px;
}
.news_nr1{
margin:20px auto;
}
.news_nrs1{
width:360px;
height:340px;
float:left;
margin:0px 20px;
}
.news_nr1 a.news_text{
float:left;
width:360px;
height:320px;
background:url(../images/newbg.png) no-repeat;
margin:20px 0px;
}
.news_nr1 a.news_text:hover{
height:330px;
margin-bottom:10px;
background:url(../images/newbg1.png) no-repeat;
}
.pages{
color:#fff;
height:40px;
line-height:40px;
margin:20px 0px;
text-align:right;
*margin-top:60px;
}
.pages ul{
float:right;
padding:0px 20px;
}
.pages ul li {
float:left;
margin:0px 5px;
border:1px solid #4e595f;
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
}
.pages ul li a{
float:left;
padding:0px 10px;
}
.pages ul li:hover {
border:1px solid #6CB670 !important;
}
.pages_solid{
padding:0px 10px;
color:#6CB670;
border:1px solid #6CB670 !important;
}
.previous_s{
padding:0px 10px;
}
.previous_s a{
padding:0px !important;
}
.next{
padding:0px 10px;
}
.next a{
padding:0px !important;
}
.cont_r_nr .h1tit{
border:1px solid #4e595f;
height:40px;
line-height:40px;
text-align:center;
padding:0px 40px;
display:inline-block;
font-size:18px;
margin:20px 0px 40px;
}
.tag{
margin:20px 0px;
}
.n_article_next{
border:1px solid #4e595f;
height:40px;
line-height:40px;
color:#fff;
margin:40px 0px;
padding:0px 20px;
text-align:center;
}
.n_article_next div{
padding:0px 20px;
float:left;
}
.case{
margin-top:-20px;
}
.case li{float:left;display:inline;margin-right:22px;margin-left:22px;width:342px;height: 280px;background: url(../images/bg_case_f.png) center 197px no-repeat;position:relative;}
.case li .case_w{display:block;width:340px;height:210px;background:url(../images/bg_case.png) no-repeat;/* padding:20px; */position:absolute;bottom: 50px;left:0px;border-radius:10px;}
.case li>p{position:absolute;bottom: 0;left:0px;width: 100%;font-size: 17px;text-align: center;}
.case li .case_w img{
width:340px;
height:226px;
border-radius:10px;
}
.case li .case_w .fire{
background:#000;
opacity:0.5;
filter:alpha(opacity=50);
position:absolute;
top:0px;
left:0px;
width:340px;
height:226px;
z-index:2;
display:none;
text-align:center;
border-radius:10px;
}
.case li .case_w .x{
width:180px;
height:61px;
top:80px;
position:absolute;
z-index:3;
display:none;
line-height:61px;
text-align:center;
font-size:14px;
}
.case li .case_w .x{
left: 50px;
background:url(../images/zoom-icon.png);
border-radius:10px;
}
.p_list{
margin:0px auto;
padding-top:20px;
}
.p_list ul{
text-align:center;
height:80px;
*padding-left:180px;
}
.p_list ul li{
display: inline-block;
width: 170px;
float: left;
}
.p_list ul li a{
color: #ddd;
display: inline-block;
font-size: 14px;
padding: 15px 0px;
position: relative;
*position:initial;
*border-top:2px solid #63B670;
border-top:2px solid #63B670\9;
}
.p_list ul li a:hover{
color: #ddd;
display: inline-block;
font-size: 14px;
margin: 0 10px;
position:relative;
*position:initial;
border-top:none;
*border-bottom:2px solid #63B670;
*border-left:2px solid #63B670;
border-bottom:2px solid #63B670\9;
border-left:2px solid #63B670\9;
}
.p_list ul li a::before{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
background: #63B670;
content: '';
-webkit-transition: top 0.3s;
-moz-transition: top 0.3s;
-o-transition: top 0.3s;
transition: top 0.3s;
}
.p_list ul li a::after {
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 2px;
background: #63B670;
content: '';
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
-o-transition: height 0.3s;
transition: height 0.3s;
}
.p_list ul li a:hover::before {
top: 100%;
opacity: 1;
}
.p_list ul li a:hover::after {
height: 100%;
}
.related_new{
padding:10px;
border:1px solid #4e595f;
margin-bottom:40px;
}
.rel{
color:#fff;
font-size:14px;
margin:5px 0px;
}
.related_new ul{
padding:0px 20px;
}
.related_new ul li{
}
.related_new ul li a{
float:left;
width:738px;
background:url(../images/relnew.png);
padding:3px 0px;
height:24px;
*height:18px;
}
.related_new ul li a:hover{
float:left;
width:738px;
background:url(../images/relnew.png);
background:url(../images/relnew1.png);
padding:3px 0px;
height:24px;
*height:18px;
}
.related_new span{
float:right;
background:#2B2C30;
padding-left:10px;
}
.related_new p{
background:#2B2C30;
padding-right:10px;
float:left;
}
.related_pro{
padding:10px;
border:1px solid #4e595f;
margin-bottom:40px;
}
.related_pro ul li{
float:left;
text-align:center;
padding:10px 22px;
}
.related_pro ul li img{
border-radius:5px;
}
.cont_tttop{
height:250px;
margin-top:20px;
}
.cont_r_nr_l{
float:left;
width:350px;
text-align:center;
border-bottom:1px solid #4e595f;
margin-right:20px;
height:250px;
}
.cont_r_nr_l img{ max-height:250px;}
.cont_r_nr_m{
float:left;
width:2px;
border-left:1px solid #4e595f;
height:220px;
margin:0px 20px;
}
.cont_r_nr_l img{
border-radius:5px;
}
.cont_r_nr_r{
float:left;
margin-left:20px;
width:300px;
*width:280px;
border-bottom:1px solid #4e595f;
height:220px;
padding-left:20px;
}
.cont_r_nr_r h1{
font-size:20px;
padding-bottom:20px;
}
.cont_r_nr_r {
font-size:14px;
padding-bottom:2px;
}
.prolist{ float: right;
width: 900px;}
.peBar {
border: 1px solid #4e595f;
width: 270px;
margin-top: 0px;
position: relative;
float:left;
z-index: 11;
overflow: hidden;
}
.left-title {
padding: 30px 0 30px 30px;
color: #fff;
}
.left-title h2 {
font-size: 20px;
line-height: 30px;
}
.left-title p {
color: #44AA4A;
font-size: 16px;
font-weight: bold;
}
.left-nav {
background-color: #1c1a1a;
}
.left-nav li {
border-top: 1px dotted #3a3838;
}
.left-nav li a {
font-size: 14px;
line-height: 40px;
color: #fff;
display: block;
position: relative;
padding-left: 45px;
-ms-transition-duration: 0s;
transition-duration: 0s;
background: url(../images/navcurr.png) no-repeat 32px 16px;
}
.left-nav li ol p:hover a{
color: #fff;
background-color: #111111;
}
.left-nav ol {
border-top: 1px dotted #3a3838;
}
.left-nav ol li {
border-bottom: 1px dotted #3a3838;
border-top: none;
}
.left-nav ol li a {
background: none;
font-size: 14px;
line-height: 40px;
color: #fff;
display: block;
position: relative;
padding-left: 78px;
}
.left-nav ol>p>a{
padding-left: 75px;
background: url(../images/navcurr.png) no-repeat 65px 16px;
}
.left-nav ol li a:hover, .left-nav ol li.on a {
color: #fff;
background-color: #111;
}
.list_pro_left {
background-color: #1c1a1a;
margin-top: 10px;
}
.side-product-title {
background: #b6060f;
padding: 0px 0 0px 15px;
color: #fff;
font-size: 18px;
line-height: 40px;
border-left: solid 4px #e0bf49;
}
.side-product-hot {
width: 230px;
padding: 19px;
height: 450px;
overflow: hidden;
border: 1px solid #555;
}
.side-product-list {
}
.side-product-list dl {
margin-top: 10px;
}
.side-product-list dl dt {
position: relative;
overflow: hidden
}
.side-product-list dl dd {
text-align: center;
font-size: 14px;
line-height: 40px;
}
.left-contact {
overflow: hidden;
border: 1px solid #555;
padding: 15px 15px;
}
.left-contact dl {
padding-bottom: 20px;
height: 46px;
color: #fcd95b;
position: relative;
padding-left: 60px;
background-image: url(../images/tel2.png);
background-repeat: no-repeat;
background-position: left 6px;
background-size: 66px 66px;
}
.left-contact dl dt {
line-height: 18px;
color: #fcd95b
}
.left-contact dl dd {
font-size:23px;
font-weight:bold;
font-family: Arial;
line-height: 30px;
}
.left-contact ul {
}
.left-contact ul li {
margin-top: 6px;
padding: 0 0 6px 26px;
position: relative;
font-size: 14px;
line-height: 20px;
color: #fff;
border-bottom: 1px dotted #333;
}
.left-contact ul li span {
width: 22px;
height: 22px;
position: absolute;
left: -2px;
top: -1px;
background-position: left top;
background-repeat: no-repeat;
}
.left-contact ul li.icon-tel span {
background-image: url(../images/icon-c.png);
}
.left-contact ul li.icon-fax span {
background-image: url(../images/icon-d.png);
}
.left-contact ul li.icon-mail span {
background-image: url(../images/icon-e.png);
}
.left-contact ul li.icon-add span {
background-image: url(../images/icon-f.png);
}
.left-contact ul li:nth-last-child(1) {
border: none;
}
.left-nav li h6 {
background: #000;
}
.left-nav li h6>a{ font-size:16px; font-weight:bold; color:#44AA4A}
/* pageBanner */